<html>
    <head>
        <style type="text/css">
            h1 { color:darkorange; }
            li {
                background-color:aquamarine; 
                color: red; 
                list-style-type:decimal;
            }
            li:hover { 
                background-color:antiquewhite; 
                color: orangered;
                cursor: pointer;
            }
        </style>

        <script type="text/javascript">
            function onLiClick(li){
                alert(li.innerText);
            }
        </script>
    </head>
    <body>
        <h1>标题</h1>
        <ul>
            <li onclick="onLiClick(this)">远看山有色</li>
            <li onclick="onLiClick(this)">近听水无声</li>
            <li onclick="onLiClick(this)">春去花还在</li>
            <li onclick="onLiClick(this)">人来鸟不惊</li>
        </ul>
    </body>
</html>